<!DOCTYPE html>
<html> 
    <head>
        <title>bill-er</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="biller.css">
        <script src="jquery-1.10.2.js"></script>
        <script src="biller.js"></script>
    </head>
    <h1>Bill-er</h1>
    <nav>
        <ul>
            <li><a id="home" class="active" onclick="nav_click_handle('home')" href="#">Home</a></li>
            <li><a id="by_ext" onclick="nav_click_handle('by_ext')" href="#">By extension</a></li>
            <li><a id="by_emp" onclick="nav_click_handle('by_emp')" href="#">By employee name</a></li>
            <li><a id="by_dep" onclick="nav_click_handle('by_dep')" href="#">By department/branch</a></li>
        </ul>
    </nav>
    <section id="filters">
        <ul>
            <li><a id="all_calls" class="active" onclick="cdr_filter('all_calls')" href="#">All calls</a></li>
            <li><a id="out_calls" onclick="cdr_filter('out_calls')" href="#">Outgoing calls</a></li>
            <li><a id="in_calls" onclick="cdr_filter('in_calls')" href="#">Incoming calls</a></li>
        </ul>
        <ul>
            <li id="clock_from"><table></table></li>
            <li id="clock_to"><table></table></li>
        </ul>
    </section>
    <body>
        <aside id="sidebar"></aside>
        <section id="main">
            <table  id="cdrs">
            </table>
        </section>
    </body>
</html>